<template>
	<headerVue :HeadIndex="3"></headerVue>
	<div class="box">
		<div class="sjs">
			<sjsVue></sjsVue>
		</div>
		<div class="case">
			<div class="left fl">
				<h2>沉静柔和的办公室装修，非传统色彩解决方案</h2>
				<div class="case-info">
					2024-01-07
					<span class="pl20 pr20">|</span>
					阅读 1512
					<span class="pl20 pr20">|</span>
					关键词：
					<a href="" target="_blank" class="mr20">#办公室装修</a>
					<a href="" target="_blank" class="mr20">#办公空间设计</a>
				</div>
				<div class="article-content">
					<p style="text-align: left">
						<img :src="img" />
					</p>
					<!--  案例内容  -->
					<p style="white-space: normal">
						山顶的天空是什么颜色？我们如何到达顶峰？我们在办公室想要什么样的环境？
					</p>
					<p style="white-space: normal">
						设计这样一个非常有趣的办公空间，通过精心挑选的材料、色彩和独特的墙面设计吸引了人们的注意。
					</p>
					<p style="white-space: normal">我们，呼吁采用非传统的色彩解决方案！</p>
					<p style="text-align: left">
						蓝色是环绕山峰的天空的颜色，它是一种同时带来平静和力量的颜色
					</p>
					<p style="text-align: left">
						蓝色与灰色和黑色相配，内部装饰以核桃木皮和谐搭配。木头及其质感与窗帘相结合，再加上室内柔和的色彩，起到了让人平静的效果。
					</p>
					<p style="text-align: left">
						<img :src="img" />
					</p>
					<p style="text-align: left">
						<img :src="img" />
					</p>
					<p style="text-align: left">
						<img :src="img" />
					</p>
					<p style="text-align: left">
						<img :src="img" />
					</p>
				</div>
			</div>
		</div>

	</div>
	<!-- 底部 -->
	<footerVue></footerVue>
</template>

<script setup>
	import headerVue from '../../components/header.vue';
	import footerVue from '../../components/footer.vue';
	import sjsVue from './sjs.vue';
	import img from "../../assets/imgs/center.jpg";
</script>

<style lang="less" scoped>
	.box {
		width: 1400px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 50px 0;
	}

	.sjs {
		width: 350px;
	}

	.case {
		width: 1000px;
		background: #fff;
		color: #212121;

		h2 {
			font-size: 32px;
			line-height: 40px;
			margin-bottom: 12px;
		}

		.case-info {
			color: #868686;
			padding-bottom: 15px;
			border-bottom: 1px solid #eee;
			font-size: 14px;
		}

		.article-content {
			padding-top: 10px;

			// color: #515151;
			p {
				font-family: Microsoft YaHei !important;
				margin-top: 20px;
				margin-bottom: 30px;
				font-size: 14px;
				line-height: 26px;

				>img {
					width: 100%;
				}
			}
		}
	}

	.pr10 {
		padding-right: 10px;
	}

	.pl10 {
		padding-left: 10px;
	}

	.pr20 {
		padding-right: 20px;
	}

	.pl20 {
		padding-left: 20px;
	}

	.mb20 {
		margin-bottom: 20px;
	}

	.mr20 {
		margin-right: 20px;
	}
</style>